<!DOCTYPE HTML>
<html>
        <head>
        <title>ICS Bug</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport"
                content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <script type="text/javascript" src="../../../../../dojo/dojo.js" data-dojo-config="mblCSS3Transition:'dojox/css3/transit', parseOnLoad:true, async:true"></script>
		<script language="JavaScript" type="text/javascript">
			require([
				"dijit/registry",  // dijit.byId
				"doh/runner",	//doh functions
				"dojo/ready",
				"dojo/dom",
				"dojox/mobile",
				"dojox/mobile/deviceTheme",
				"dojox/mobile/parser"], function(registry, runner, ready, dom){
		
				ready(function(){
 					runner.register("dojox.mobile.test.doh.MBLCSS3TransitionTests", [
						{
							name: "Verify ticket #16592 is fixed",
							timeout: 10000,
							setUp: function() {
								this.data = {runner: runner, view2: dom.byId("view2")};
							},
							runTest: function(){
								var d = new runner.Deferred();
								// verify there is no padding top on the second view
								runner.assertFalse(this.data.view2.style.paddingTop, "No padding top value expected for view2 before transition");
								registry.byId("slideItem")._onClick({});
								setTimeout(d.getTestCallback(function(){
									var pt = this.fixture.data.view2.style.paddingTop;
									this.fixture.data.runner.assertFalse(!!pt, "No value was expected for padding top after transition (" + pt + " observed)");
								}), 2000);
								return d;
							}
						}]);
					runner.run();
				});
			})
		</script>
        </head>
        <body style="visibility:hidden;">
        		<!-- Views for test "Verify ticket #16592 is fixed" -->
                <div id="view1" data-dojo-type="dojox.mobile.View" selected="true">
                        <ul data-dojo-type="dojox.mobile.RoundRectList">
                                <li id="slideItem"
                                	data-dojo-type="dojox.mobile.ListItem"
                                        moveTo="view2"
                                        transition="slide">Slide this view</li>
                        </ul>
                </div>
                <div id="view2" data-dojo-type="dojox.mobile.View">
                        <h1 data-dojo-type="dojox.mobile.Heading" back="Back"
                                moveTo="view1">View 2</h1>
                </div>
                <!-- End of views for test "Verify ticket #16592 is fixed" -->
                
        </body>
</html>
